<template>
	<div class="pt-20px pb-20px h-700px">
		<div class="flex justify-between items-center">
			<div class="flex items-center" >
				<el-icon size="24px" @click="back" class="cursor-pointer"><ArrowLeftBold /></el-icon>
				<p class="text-24px font-bold ml-20px">收款</p>
			</div>
			<p>
				<el-button type="primary" color="#EAECEF" style="color:#000000;height:40px;width:70px;"
				@click="jumpTo('/more/transfer')">转账</el-button>
			</p>
		</div>

		<div class="flex flex-col items-center text-14px">
			<div class="w-320px box-border pt-20px pb-20px flex flex-col items-center border-1px border-solid border-#E5E6EB rounded-8px">
				<p>使用欧神App扫码转账</p>
				<img src="/transaction/c2c/quick/code-2d.svg" class="w-170px h-170px mt-40px mb-40px"/>
				<div class="flex items-center justify-between text-#114CEE w-190px">
					<p>设置币种/数量</p>
					<p>保存二维码</p>
				</div>
			</div>
			<div class="w-320px flex items-center justify-between mt-20px">
				<span>昵称</span>
				<span>User-52523</span>
			</div>
		</div>
	</div>
</template>
<script setup lang="ts">
import useJump from '@/utils/jump';

const {back,jumpTo} = useJump();
</script>
